{% extends 'app/base.html' %}
{% load staticfiles %}

{% block cssinclude %}
{% endblock %}


{% block mainbody %}
    <div class="portlet box green">
        <div class="portlet-title">
            <div class="caption">
                <i class="glyphicon glyphicon-upload"></i>使用指南
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="tab-content">
                        <div id="tab" class="tab-pane active">
                            <div id="accordion1" class="panel-group">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
                                               href="#accordion1_1">1. 用户注册</a>
                                        </h3>
                                    </div>
                                    <div id="accordion1_1" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            游客可前往<a href="/register">用户注册</a>页面注册成为系统用户。<br>
                                            只需正确填写用户名、密码以及验证码，即可完成注册。<br>
                                            <span style="color:red;">注：用户名与已有用户重复时将提醒更改。</span><br>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
                                               href="#accordion1_2">2. 用户登录</a>
                                        </h3>
                                    </div>
                                    <div id="accordion1_2" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            已注册可前往<a href="/login">用户登录</a>页面登录系统。<br>
                                            只需正确填写用户名、密码以及验证码，即可完成登录。<br>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
                                               href="#accordion1_3">3. 数据预测</a>
                                        </h3>
                                    </div>
                                    <div id="accordion1_3" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            游客和用户前往<a href="/predict">数据预测</a>界面选择需要的算法模型,现在拥有<a
                                                href="/predict/svm">SVM</a>、<a href="/predict/knn">最近邻</a>、<a
                                                href="/predict/neural">神经网络</a>、<a href="/predict/ensemble">随机森林</a>四种算法模型可供选择。<br>
                                            待页面跳转完成之后，通过手工输入或者导入以空格分割的文本文件填充数据，再在页面上设定好需要的参数，点击提交即可得到预测结果。<br>
                                            <span style="color:red;">注：游客只可使用SVM，且游客无法使用历史数据。</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
                                               href="#accordion1_4">4. 历史数据</a>
                                        </h3>
                                    </div>
                                    <div id="accordion1_4" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            已登陆系统的用户前往<a
                                                href="/history">历史数据</a>页面即可查看以用户身份提交的全部历史数据，包括模型参数、预测结果、时间等。<br>
                                            用户还可下载所需要的数据，点击页面上的下载即可。
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}


{% block jsinclude %}
{% endblock %}